﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/index_jump.js"></script>
    <script src="./js/request.js"></script>
    <link rel="stylesheet" href="./css/homepage.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="./css/font.css">
    <title>nav</title>
    <style>
      
        body {
            margin: 0;
        }

        /* 注册界面整体布局 */
        ul.topnav {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #66cccc;
            /* background-image: linear-gradient(to right, #253c7f, #1999d6); */
        }

        ul.topnav li {
            float: left;
        }

        ul.topnav li a {
            display: block;
           
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

        ul.topnav li a:hover {
            background-color: #ccffcc;
        }

        /* ul.topnav li a.active {
            background-color: orange;
        } */

        ul.topnav li.right {
            float: right;
        }

        #mainBody {
            display: flex;
            justify-content: center;
            margin: 20px auto auto auto;
        }
        .topnav li{
            font-size: small;
        }
    </style>
</head>

<body text="black">
    <ul class="topnav">
        <li><img src="./资源文件/img/Logo1.png" alt=""></li>
        <li><a class="active" href="./index.html" >首页</a></li>
        <li><a href="./html/WorksShow.html">作品展示</a></li>
        <li><a href="./html/intro.html" >系统简介</a></li>
        <li><a href="./html/Student_information.html">个人中心</a></li>
        <li class="right"><a id="index_Login" href="#" onclick="jumpLogin()">立即登录</a></li>
    </ul>
    <!-- <img src="资源文件/img/bakc.jpg" alt="" height="200px" width="1536px" /> -->
    <div id="mainBody">
        <div>
            <div id="bigShow"> 
                <div id="myCarousel" class="carousel slide">
                    <!-- 轮播（Carousel）指标 -- >
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" ></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                        <li data-target="#myCarousel" data-slide-to="3"></li>
                    </ol>
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg" alt="First slide" id="firstImg"
                                width="1200px" height="350px">
                            <div class="carousel-caption">精彩比赛</div>
                        </div>
                        <div class="item">
                            <img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg" alt="Second slide"
                                id="secondImg" width="1200px" height="350px">
                            <div class="carousel-caption">精彩比赛</div>
                        </div>
                        <div class="item">
                            <img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg" alt="Third slide" id="thirdImg"
                                width="1200px" height="350px">
                            <div class="carousel-caption">精彩比赛</div>
                        </div>
                        <div class="item">
                            <img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg" alt="forth  slide" id="forthImg"
                                width="1200px" height="350px">
                            <div class="carousel-caption">精彩比赛</div>
                        </div>
                        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <!-- 轮播（Carousel）导航 -->
        
        
                    <div class="container">
                        <div class="row clearfix">
                            <div class="col-md-12 column">
                                <div class="row flex">
                                    <div class="col-md-6 column">
                                        <div class="btn-group  select">
        
                                        </div>
                                    </div>
                                    <div class="col-md-4 column">
                                        <nav class=" navbar-inverse  nav">
                                            <div class="navbar-header">
                                                <button type="button" class="navbar-toggle" data-toggle="collapse"
                                                    data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">
                                                    </span><span class="icon-bar"></span><span class="icon-bar"></span><span
                                                        class="icon-bar"></span>
                                                </button>
                                            </div>
                                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        
                                            </div>
                                        </nav>
                                    </div>
                                </div>
        
                                <!-- <div class="alert alert-dismissable alert-warning">
                          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                          <h4>
                              注意!
                          </h4> <strong>Warning!</strong> Best check yo self, you're not looking too good. <a href="#"
                              class="alert-link">alert link</a>
                      </div> -->
        
        
                                <span class="works"></span>
        
                                <!-- <div class="col-md-3">
                                  <div class="thumbnail">
                                      <img alt="300x200" src="钢炼.jpg" class="works" />
                                      <div class="caption">
                                          <p>
                                                      作品名
                                          </p>
                                          <div class="zanTime">
                                              <span>
                                                  <p class="zan">&#10084;</p>
                                                  <p class="zanShu">100</p>
                                              </span>
                                              <span>
                                                  time
                                              </span>
                                          </div>
                                      </div>
                                  </div>
            
                              </div> -->
                            </div>
        
                        </div>
                        
                    </div>
                </div>
            </div>
            <div id="gameNews">
        
                <div class="container">
                    <h2 id="catch">比赛咨询</h2><br>
                </div>
        
            </div>
        </div>
    </div>
    <script src="./js/homepage.js"></script>
    <script src="js/index_Login.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>